@tailwind base;
@tailwind components;
@tailwind screens;
@tailwind utilities;

@layer base {
    .nav-class {
        @apply p-2 border-4 border-gray-100 hover:border-green-300 transition duration-300 rounded bg-white z-1000;
    }

    .container {
        @apply bg-gray-200 shadow-lg hover:bg-gray-300 hover:shadow-xl transition duration-300 py-16 mx-8 rounded-lg;
    }

    .content-block {
        @apply px-16 py-4 mx-16 mt-4 font-bold text-left bg-gray-300 bg-opacity-70 text-gray-800 border-4 border-gray-200 hover:border-green-300 transition duration-500 rounded-md;
    }

    #desc b {
        @apply text-green-300;
    }
}